<template lang=html>
	<div class="footer">
		<div style="height: 60px;"></div>
		<van-tabbar v-model="active">
			<van-tabbar-item icon="records" @click="goUrl('/')">行情</van-tabbar-item>
			<van-tabbar-item icon="cash-back-record" @click="goUrl('/jiaoyi')">交易</van-tabbar-item>
			<van-tabbar-item icon="pending-evaluate" @click="goUrl('/zhixun')">资讯</van-tabbar-item>
			<van-tabbar-item icon="contact" @click="goUrl('/info')">我的</van-tabbar-item>					
		</van-tabbar>
	</div>
</template>
<script>
	export default {
		props: ['Active'],
		data() {
			return {
				active: 1
			}
		},
		methods:{
			goUrl(urls){
				var _this = this;
				_this.$public.go(urls,0,_this);
			}
		},
		// 加载执行
		created: function() {
			var conent = this;
			conent.active = this.Active;
		}
	}
</script>
<style scoped="scoped">
	.van-tabbar{
		height: 10vw;
		border-top: 1px solid #EFEFEF;
		padding-top: 2.2vw;
		
	}
</style>